<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>msgCng</title>

    <link rel="stylesheet" href="./css/msgCng.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/waves.min.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/msgCng.js"></script>
    <script src="./js/My97DatePicker/WdatePicker.js"></script>
    <script src="./js/waves.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="topTab" id="topbar">
            <ul class="tab">
                <li class="select"><a>消息配置</a></li>
                <li><a>推送对象</a></li>
            </ul>
            <div class="line"></div>
        </div>
        <div class="mainMoudle" id="mainMoudle">
            <div class="moudleBasic">
                <p>消息配置基本信息</p>
                <div>
                    <table>
                        <tr>
                            <td style="width: 80px;">消息类型</td>
                            <td id="typeTab">
                                <span id="typeid1" class="choose" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">文本</span>
                                <span  id="typeid2" class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">卡片</span>
                                <span  id="typeid3" class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">视频</span>
                                <span  id="typeid4" class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">图文</span>
                                <span  id="typeid5" class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">会议</span>
                                <span id="typeid6" class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">文件</span>
                            </td>
                        </tr>
                        <tr>
                            <td>业务类型</td>
                            <td id="serviceTab">
                                <span class="choose1 serviceTab1" id="spanid1" style="width: 80px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">生日问候</span>
                                <span class="spanText1" id="spanid2" style="width: 80px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">会议通知</span>
                                <span class="spanText1" id="spanid3" style="width: 80px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">任务批阅</span>
                            </td>
                        </tr>
                        <tr id="messageDesc" class="message">
                            <td style="width: 80px;">消息说明</td>
                            <td>
                                <input type="text" style="width:300px;height:15px;" class="inputTab" name="" id="" placeholder="输入内容，如：生日祝福">
                            </td>
                        </tr>
                        <tr id="messageTitle" class="message">
                            <td style="width: 80px;">内容标题</td>
                            <td>
                                <input type="text" style="width:450px;height:15px;" class="inputTab" name="" id="" placeholder="输入内容">
                            </td>
                        </tr>
                        <tr class="message">
                            <td style="width: 80px;">链接地址</td>
                            <td>
                                <input type="text" style="width:450px;height:15px;" class="inputTab" name="" id="" placeholder="输入内容">
                            </td>
                        </tr>
                        <tr class="message">
                            <td style="width: 80px;">文件名称</td>
                            <td>
                                <input type="text" style="width:450px;height:15px;" class="inputTab" name="" id="" placeholder="文件id，可以调用上传临时素材接口获取">
                            </td>
                        </tr>
                        <tr class="message">
                            <td style="vertical-align: top;width: 80px;" >消息内容</td>
                            <td>
                                <textarea name="" id="" cols="62" rows="10" class="inputTab" placeholder="根据消息类型，系统自动设置消息模板"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="imgTab">
                    <img src="" alt="">
                    <span class="iconfont icon-tupian" id="icon-size"></span>
                </div>
                <p>推送规则配置</p>
                <div>
                    <form action="">
                        <table>
                            <tr>
                                <td style="width: 80px;">推送规则</td>
                                <td id="dateTab">
                                    <span  class="choose"  style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">实时</span>
                                    <span class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">每天</span>
                                    <span class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">每周</span>
                                    <span class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">每月</span>
                                    <span class="spanText" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">每年</span>
                                </td>
                            </tr>
                            <tr>
                                <td>推送时间</td>
                                <td style="padding-left: 5px;" id="timeMoudle">
                                    <input class="Wdate" type="text" id="d421"  onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" />
                                    <input id="byDay" type="text" class="Wdate" style="display: none;" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>
                                    <input type="text" class="Wdate" id="byWeek" style="display: none;" onFocus="WdatePicker({isShowWeek:true,onpicked:function() {$dp.$('d122_1').value=$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}})"/>
                                    <input class="Wdate" type="text" id="byMonth" style="display: none;" onFocus="WdatePicker({dateFmt:'yyyy-MM'})"/>
                                    <input class="Wdate" type="text" id="byYear" style="display: none;" onFocus="WdatePicker({dateFmt:'yyyy'})"/>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>

            <div class="moudleBasic">
                <p>推送对象配置</p>
                <div>
                    <form action="">
                        <table id="orgTable">
                            <tr>
                                <td style="width: 80px;">推送对象</td>
                                <td id="organzationTab">
                                    <span class="choose" id="organzationid1" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">组织</span>
                                    <span class="spanText" id="organzationid2" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">用户组</span>
                                    <span class="spanText" id="organzationid3" style="width: 50px;height: 30px;text-align: center;line-height: 30px;display: inline-block;">人员</span>
                                </td>
                            </tr>
                             
                            <tr id="group" class="orgTab">
                                <td style="letter-spacing: 25px;width: 80px !important;">组织</td>
                                <td id="organzationType">
                                    <label for="">
                                        <input type="checkbox" name="stu" id="stu" style="margin-left: 5px;">
                                        <span id="spanText">组织1</span>
                                    </label>
                                    <label for="">
                                        <input type="checkbox" name="stu" id="stu">
                                        <span id="spanText">组织2</span>
                                    </label>
                                </td>
                            </tr>
                            <tr id="userGroup" class="orgTab">
                                <td style="width: 80px;">用户组</td>
                                <td id="organzationType">
                                    <label for="">
                                        <input type="checkbox" name="stu" id="stu" style="margin-left: 5px;">
                                        <span id="spanText1">特困生组</span>
                                    </label>
                                    <label for="">
                                        <input type="checkbox" name="stu" id="stu">
                                        <span id="spanText">文科生</span>
                                    </label>
                                </td>
                            </tr>
                            <tr id="user" class="orgTab">
                                <td style="letter-spacing: 25px;width: 80px;">人员</td>
                                <td id="organzationType">
                                    <label for="">
                                        <input type="checkbox" name="stu" id="stu" style="margin-left: 5px;">
                                        <span id="spanText">人员1</span>
                                    </label>
                                    <label for="">
                                        <input type="checkbox" name="stu" id="stu">
                                        <span id="spanText">人员2</span>
                                    </label>
                                </td>
                            </tr>
                        </table>
                    </form>
                    <div style="margin-top: 10px;">
                        <span style="color: orange;">已选择：</span>人数
                        <span>50</span>人，其中：
                        学生：<span>20</span>人，
                        教师：<span>30</span>人
                    </div>
                    <div class="inputCla">
                        学号 <input type="text" name="" id="" placeholder="请输入学号"  class="inputTab">
                        姓名 <input type="text" name="" id="" placeholder="请输入姓名"  class="inputTab">
                        <input type="button" value="查看" class="wbtn" >
                    </div>
                    <div>
                        <table cellspacing="0" cellpadding="0" style="margin-top: 10px;">
                            <tr class="tableTr">
                                <td class="tableTd">职工号</td>
                                <td class="tableTd">姓名</td>
                                <td class="tableTd">性别</td>
                                <td class="tableTd">类型</td>
                                <td class="tableTd">院系(单位)</td>
                                <td class="tableTd">专业</td>
                                <td class="tableTd">班级</td>
                                <td class="tableTd">操作</td>
                            </tr>
                            <tr class="tableTr">
                                <td class="tableTd">2019002</td>
                                <td class="tableTd">张三</td>
                                <td>男</td>
                                <td>老师</td>
                                <td>测试院系</td>
                                <td></td>
                                <td></td>
                                <td>
                                    <span style="color: skyblue;">删除</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
</html>